﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <link href="@Url.Content("~/Content/jquery.mobile-1.1.1.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/jquery.mobile.structure-1.1.1.css")" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="@Url.Content("~/Content/Site.Mobile.css")" />
    <link href="@Url.Content("~/Content/css/MobilePage.css")" rel="Stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/validationEngine.jquery.Mobile.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/eweMobileMaterialUI.css")" rel="stylesheet" type="text/css" />

    <link href="@Url.Content("~/Content/css/TabletEweStyle.css")" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.6.3.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validationEngine.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validationEngine-en.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.maskedinput-1.3.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Scripts/jquery.Epi.Survey.Components.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/CheckCodeEngine.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.PreventEnter.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-sliderAccess.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tools.min.js")"></script>
    <script type="text/javascript">
        $(document).bind("mobileinit", function () {
            // As of Beta 2, jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
            // when navigating from a mobile to a non-mobile page), hence disabling it.
            $.mobile.ajaxEnabled = false;
        });
    </script>


    <script src="@Url.Content("~/Scripts/jquery.mobile-1.1.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.mobile.datebox-1.0.1.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/css/jquery.mobile.datebox-1.0.1.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/jquery.mobile.simpledialog.min.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.mobile.simpledialog.min.js")" type="text/javascript"></script>


    <script type="text/javascript">
        $(document).ready(function () {
            var footer_height = $("#footer").height();
            $("#container").css({
                'padding-bottom': footer_height + 5
            });
        });
        //debugger;

        $(document).ready(function () {

            //$('.ui-checkbox').removeClass('ui-disabled');
            $('#successContent').hide();


            // $("#myform").validationEngine('attach');

            $('div#pages a').click(PostForm);
            function PostForm(event) {
                // Clicking the navigation links at the top, get the target Url and then post the form
                document.forms[0].action = event.target.href;

                $("#myform").submit();

                return false;
            }

            $('div#pagesbottom a').click(PostForm);
            function PostForm(event) {
                // Clicking the navigation links at the top, get the target Url and then post the form
                document.forms[0].action = event.target.href;

                $("#myform").submit();

                return false;
            }

            //           if ($.browser.msie && $.browser.version < 9) $('select.wide')
            //                .bind('focus mouseover', function() { $(this).addClass('expand').removeClass('clicked'); })
            //                .bind('click', function() { $(this).toggleClass('clicked'); })
            //                .bind('mouseout', function() { if (!$(this).hasClass('clicked')) { $(this).removeClass('expand'); }})
            //                .bind('blur', function() { $(this).removeClass('expand clicked'); });




        });


    </script>

</head>

<body>
    <div data-role="page" data-theme="c">
        <div id="container">
            @* @Html.Partial("_ViewSwitcher")*@
            @* <div data-role="header"><h1>@ViewBag.Title</h1></div>*@
            <div id="header">
                <img alt="Epi Info 7 - VHF" src="~/Content/images/epiIconb.png" />
                <h1>Cloud VHF</h1>
            </div>
            <div data-role="content" style="padding:0px !important;" id="maincontent">
                @RenderSection("featured", false)
                @RenderBody()
            </div>

        </div><!--Container Div-->
        <div id="footer">
            Epi Info VHF Outbreak Management Web Application [Beta]
        </div>
    </div>
    <input type="hidden" name="IsMobile" id="IsMobile" />
</body>
</html>
